﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/divdef.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery/jquery.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/swfobject.js"></script>

    <script type="text/javascript">
       
        //滑入事件
        function mouseoverfn(obj) 
        {           
            if(!$(obj).is(":visible"))
            {
                $(obj).show();
            }
        }
        
        function isMouseLeaveOrEnter(e, handler)//禁止pop冒泡事件
        {  
            if (e.type != 'mouseout' && e.type != 'mouseover') return false;  
            var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;  
            while (reltg && reltg != handler)  
                reltg = reltg.parentNode;  
            return (reltg != handler);  
        } 
     
        //滑出事件
        function mouseoutfn(obj)
        {            
             
            if($(obj).is(":visible"))
            {
                $(obj).hide();               
            }            
        }
        
   
    </script>

    <title>页面预览</title>
</head>
<body>
    <div id="root_8cda86c5f2d7180">
        <div id="text2_8CDABC670008300">
            <div style="width: 112px; height: 24px; overflow: hidden;">
                <p>
                    <span>首页</span></p>
            </div>
        </div>
        <div id="text1_8CDAC578CD0A460">
            <div style="width: 114px; height: 26px; overflow: hidden;">
                <p>
                    <span>正常状态</span></p>
            </div>
        </div>
        <div id="frame2_8CDAC578CD0F280">
        </div>
        <div id="text3_8CDAC578CD0F280">
            <div style="width: 114px; height: 26px; overflow: hidden;">
                <p>
                    <span>mouserover</span></p>
            </div>
        </div>
        <div id="text4_8CDAC578CD140A0" onmouseover="if (isMouseLeaveOrEnter(event, this))  mouseoverfn('#frame5_8CDAC578CD167B0')">
            <div style="width: 81px; height: 16px; overflow: hidden;">
                <p>
                    <span>首页</span></p>
            </div>
        </div>
        <div id="frame5_8CDAC578CD167B0" style="display: none;">
            <div id="text8_8CDAC578CD203F0">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
            <div id="text7_8CDAC578CD1B5D0">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
            <div id="text6_8CDAC578CD167B0">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
        </div>
        <div id="text9_8CDAC5B1BDB6B10">
            <div style="width: 114px; height: 26px; overflow: hidden;">
                <p>
                    <span>mouseout</span></p>
            </div>
        </div>
        <div id="frame10_8CDAC5B1BDB9220">
        </div>
        <div id="text11_8CDAC5B1BDB9220" onmouseout="if (isMouseLeaveOrEnter(event, this)) mouseoutfn('#frame12_8CDAC5B1BDBE040')">
            <div style="width: 95px; height: 18px; overflow: hidden;">
                <p>
                    <span>首页h</span></p>
            </div>
        </div>
        <div id="frame12_8CDAC5B1BDBE040">
            <div id="text13_8CDAC5B1BDBE040">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
            <div id="text14_8CDAC5B1BDC7C80">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
            <div id="text15_8CDAC5B1BDCCAA0">
                <div style="width: 131px; height: 22px; overflow: hidden;">
                    <p>
                        <span>子级菜单</span></p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
